.personnelModel {
    .mask {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, .5);
        z-index: 20;
    }

    .centent_boxs {
        position: absolute;
        height: 80vh;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        display: flex;
        flex-direction: column;
        transition: ease transform 0.5s;
        transform: translateY(80vh);
        z-index: 30;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        overflow: hidden;
        .head_box {
            padding: 2rem;
            box-sizing: border-box;

            .head {
                display: flex;
                justify-content: space-between;
                height: 100%;
                height: 4.5rem;

                button {
                    height: 100%;
                }
            }
        }

        .search_box {
            padding: 2rem 0 0;

            .adm-search-bar {
                border: 1px solid #D2D6D9;

                .adm-search-bar-input-box {
                    border: unset;
                    border-radius: unset;
                }
            }
        }

        .list_boxs {
            overflow-y: scroll;
            height: 100%;
            font-size: 1.5rem;

            .lists {
                padding: 0 2rem;
                height: 6rem;
                box-sizing: border-box;
                color: #7A818F;
                display: flex;
                border-bottom: 1px solid #D2D6D9;
                display: flex;
                align-items: center;

                .left_text {
                    width: 100%;

                    span {
                        padding-right: 0.5rem;
                    }

                    span:nth-child(1) {
                        font-weight: bold;
                        color: #161A1E;
                        font-size: 1.875rem;
                    }
                }

                .icon {
                    color: #1677FF;
                }
            }
        }
    }

    .centent_boxs.personnelModelShow {
        transform: translateY(-0vh);
    }
}